import React, { Component } from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import reportWebVitals from './reportWebVitals';
// 全局引入store，方便全局使用
import store from './store'
// 引入Provider组件，将store放在全局使用
import { Provider } from 'react-redux'
// 引入axios
import axios from 'axios'
// 引入路由组件
// 路由的依赖中，除了有BrowserRouter组件，还有HashRouter对应hash模式的路由
import { BrowserRouter } from 'react-router-dom'
// 引入antd的组件
import { ConfigProvider, DatePicker, message } from 'antd';
// 由于 antd 组件的默认文案是英文，所以需要修改为中文
import zhCN from 'antd/lib/locale/zh_CN';
// moment也需要安装
import moment from 'moment';
import 'moment/locale/zh-cn';
// 引入css样式
import 'antd/dist/antd.css';
// 修改语言
moment.locale('zh-cn');

ReactDOM.render(
  // 使用Provider组件，包着其他内容，store就可以全局使用了.
  // 通过父传子的形式，将store的数据传给App
  <Provider store={store}>
    {/* 使用BrowserRouter组件包裹着App组件 */}
    <BrowserRouter>
      <App />
    </BrowserRouter>
  </Provider>,
  document.getElementById('root')
);
// 添加到全局的Component上，以后的组件都从这里继承
Component.prototype.http = axios;
// If you want to start measuring performance in your app, pass a function
// to log results (for example: reportWebVitals(console.log))
// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
reportWebVitals();
